{include file="jptweb/head" /}
    <title>Title</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}



<!--导航栏 end-->
<div class="wrapper">

    <!--轮播图-->
    <div class="home_swiper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="/static/jpt/jptweb/img/first-banner.png">
                </div>
                <div class="swiper-slide">
                    <img src="/static/jpt/jptweb/img/first-banner.png">
                </div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <!--轮播图 end-->
    <div class="jpt_business main">
        <div class="home_ad_title">
            <h2>业务介绍</h2>
            <span>Business</span>
        </div>
        <div class=" bus-grids row cl ">
            <div class="bus-grid col-sm-4">
                <div class="box">
                    <img src="/static/jpt/jptweb/img/yewu-guanggao.png">
                    <h5>广告类型</h5>
                    <p><a href="{:url('demo/jptweb/advertorial')}">软文推广</a></p>
                    <p><a href="{:url('demo/jptweb/advPatch')}">贴片广告</a></p>
                </div>
            </div>
            <div class="bus-grid col-sm-4">
                <div class="box">
                    <img src="/static/jpt/jptweb/img/yewu-shuju.png">
                    <h5>数据排行</h5>
                    <p><a href="{:url('demo/jptweb/datarank')}">数据计算</a></p>

                </div>
            </div>
            <div class="bus-grid col-sm-4">
                <div class="box">
                    <img src="/static/jpt/jptweb/img/yewu-huodong.png">
                    <h5>活动平台</h5>
                    <p><a href="{:url('demo/jptweb/advflow')}">使用流程</a></p>

                </div>
            </div>
        </div>
    </div>


    <div class="jpt_example">
        <div class="main">
            <div class="home_ad_title">
                <h2>案例说明</h2>
                <span>Example</span>
            </div>

            <div class="example_item">
                <div class="example_hd">
                    //<span>广告案例</span>//
                </div>
                <div class="example_bd row cl">
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-2.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-4.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                </div>
             <div class="example_ft view_more  text-c">

                     <a href="">查看更多</a>

             </div>
            </div>

            <div class="example_item">
                <div class="example_hd">
                    //<span>活动案例</span>//
                </div>
                <div class="example_bd row cl">
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-2.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-1.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                    <div class="exa_gird col-sm-6 col-md-3">
                        <div class="box">
                            <img src="/static/jpt/jptweb/img/first-pic-4.png" alt="">
                            <h5>幸福堂馆的方式离</h5>
                            <p>推广流量：<span>3000</span></p>
                            <p>推广区域：<span>不限区域</span></p>
                            <p class="desc">接单媒体：<span>12</span></p>
                        </div>
                    </div>
                </div>
                <div class="example_ft view_more  text-c">

                    <a href="">查看更多</a>

                </div>
            </div>
        </div>


    </div>
















{include file="jptweb/footer" /}
</div>





<script>
    var mySwiper = new Swiper ('.swiper-container', {

        loop: true,

        // 如果需要分页器
        pagination: '.swiper-pagination',
        paginationClickable: true,



    })

</script>
</body>
</html>>